<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>schoollife</title>
	<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}
</style>
</head>
<header>
	<h1>here is some thing about my schoollife</h1>
</header>
	<nav>
	<ul>
		<li><a href="index.html">home</a></li>
		<li><a href="about me.html">About me</a></li>
		<li><a href="articles.html">Articles</a></li>
		<li><a href="suggestions.html">Suggestions</a></li>
		<li><a href="where i am.html">where i am</a></li>
		<li><a href="schoollife.html">school life</a></li>
		<li><a href="dormitory.html">dormitory</a></li>
	</ul>
</nav>
<body>
	<video src="rabbit320.webm" controls>
  <p>
    你的浏览器不支持 HTML5 视频。可点击<a href="rabbit320.mp4">此链接</a>观看
  </p>
		<iframe src="//player.bilibili.com/player.html?aid=323588973&bvid=BV1Zw411H7Ym&cid=1337203929&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</video>
</body>


</html>
